<template>
	<div class="lf-top">
		<a href="#">
			<img src="./images/top.png"/>
			<span> 返回</span>
			<span> 顶部</span>
		</a>
	</div>
</template>

<style>
	.lf-top{
		height: 3.7344rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.lf-top>a{
		display: inline-block;
		width: 1.5625rem;
		height: 1.5625rem;
		border: 6px solid #ff2753;
		border-radius: 50%;
		color: #280130;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
	}
	.lf-top>a>span{
		position: absolute;
	}
	.lf-top>a>span:first-of-type{
		top: 0.525rem;
		left: 0.4375rem;
	}
	.lf-top>a>span:last-of-type{
		top: 1rem;
		left: 0.4375rem;
	}
	.lf-top>a>img{
		width: 0.4062rem;
		height: 0.25rem;
		position: absolute;
		top: 0.2rem;
		left: 0.63rem;
	}
</style>